/** about section **/

.about {
     background: url(../images/ab_bg.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 90px 0;
}

.about .titlepage {
     text-align: left;
     padding: 0;
}

.about .titlepage p {
     color: #292e39;
     font-size: 17px;
     line-height: 35px;
     font-weight: 500;
     padding: 20px 0px 35px 0px;
}

.about_img figure {
     margin: 0;
}

.about_img figure img {
     width: 100%;
}


/** end about section **/


/** about2 section **/

.about2 {
     background: url(../images/03.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 90px 0;
}

.about2 .titlepage {
     text-align: right;
     padding: 0;
}

.about2 .titlepage p {
     color: #292e39;
     font-size: 17px;
     line-height: 35px;
     font-weight: 500;
     padding: 20px 0px 35px 0px;
}

.about2_img figure {
     margin: 0;
}

.about2_img figure img {
     width: 100%;
}


/** end about section **/

/** mobile section **/

.mobile {
     background: url(../images/mo_bg.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 90px 0;
}

.mobile .titlepage {
     text-align: right;
     padding: 0;
}

.mobile .titlepage h2 {
     color: #fff;
}

.mobile .titlepage span {
     margin-left: 58px;
}

.mobile .titlepage p {
     color: #fff;
     font-size: 17px;
     line-height: 35px;
     font-weight: 500;
     padding: 20px 0px 35px 0px;
}

.mobile_img figure {
     margin: 0;
}

.mobile_img figure img {
     width: 100%;
}

.mobile .titlepage .read_more {
     border: #fff solid 3px;
     color: #fff;
}


/** mobile section **/

/** mobile2 section **/

.mobile2 {
     background-color: #073655;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 50px 0;
}

.mobile2 .titlepage {
     text-align: right;
     padding: 0;
}

.mobile2 .titlepage h2 {
     color: #fff;
}

.mobile2 .titlepage span {
     margin-left: 58px;
     background-color: red !important;
}

.mobile2 .titlepage p {
     color: #fff;
     font-size: 17px;
     line-height: 35px;
     font-weight: 500;
     padding: 20px 0px 35px 0px;
}

.mobile2_img figure {
     margin: 0;
}

.mobile2_img figure img {
     width: 100%;
}

.mobile2 .titlepage .read_more {
     border: #fff solid 3px;
     color: #fff;
}


/** mobile2 section **/


/** clients section **/

.clients {
     
     margin-top: 40px;
     padding-top: 60px;
}

.clients .titlepage h2 {
     color: #202021;
}

.clients .titlepage span {
     margin-left: 56px;
}

.clients_box {
     text-align: center;
     background: #dcdcdc;
     padding: 10px 15px;
     border-radius: 15px;
     position: relative;
}

.clients_box p {
     font-size: 17px;
     line-height: 35px;
}

.clients_box::after {
     position: absolute;
     content: "";
     width: 22px;
     height: 37px;
     bottom: -65px;
     background: url(../images/cli_cross.png);
     background-repeat: no-repeat;
}

/*  */

.clients_box2 {
     text-align: center;
     background: #dcdcdc;
     padding: 10px 15px;
     border-radius: 15px;
     position: relative;
}

.clients_box2 p {
     font-size: 17px;
     line-height: 35px;
}

.clients_box2::after {
     position: absolute;
     content: "";
     width: 42px;
     height: 67px;
     bottom: -65px;
     background: url(../images/cli_cross.png);
     background-repeat: no-repeat;
}

/*  */
.jonu {
     padding-top: 20px;
     text-align: center;
}

.jonu h3 {
     padding: 0px 0px 0px 0px;
     color: #0b0503;
     font-size: 25px;
}

.jonu strong {
     display: block;
     color: #00aeef;
     font-size: 17px;
     padding-bottom: 50px;
}


/** end clients section **/